<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
<script src="__CDN__/assets/addons/exam/js/vue.js"></script>
<script src="__CDN__/assets/libs/katexJS/js/katex.min.js"></script>
<script src="__CDN__/assets/libs/katexJS/js/auto-render.min.js"></script>
<script >
			//KaTeX配置
	var katex_config = {
		delimiters: 
		[
			{left: "$$", right: "$$", display: true},
			{left: "$", right: "$", display: false},
			{left: "\\(", right: "\\)", display: false},
			{left: "\\[", right: "\\]", display: true}
		]
	};
	$(document).ready(function(){
	    renderMathInElement(document.body,katex_config)
	});
</script>


<link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/exam/css/common.css"></link>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/libs/katexJS/css/katex.min.css"></link>
<div id="app">
<form id="question-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

   
    <!--<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Exam_type_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-exam_type_id" data-rule="required" data-source="exam_type/index" class="form-control selectpage" name="row[exam_type_id]" type="text" value="{ $row.exam_type_id|htmlentities }">
        </div>
    </div>-->

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div id="c-title1">
                {$row.title}
             
            </div>
            
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Kind')}:</label>
        <div class="col-xs-12 col-sm-8">

            <!--<select  id="c-kind" data-rule="required" class="form-control selectpicker" name="row[kind]">
                {foreach name="kindList" item="vo"}
                    <option value="{$key}" {in name="key" value="$row.kind"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>-->

            <div class="radio">
                {foreach name="kindList" item="vo"}
                <label for="row[kind]-{$key}">
                    <input @change="changeKind" id="row[kind]-{$key}" name="row[kind]" type="radio" value="{$key}" {in name="key" value="$row.kind" }checked{/in} disabled="disabled"/> {$vo}
                </label>
                {/foreach}
            </div>

        </div>
    </div>

    <!--原题型-->
    <div v-show="kind === 'JUDGE' || kind === 'SINGLE' || kind === 'MULTI'">
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('Options_json')}:</label>
            <div class="col-xs-12 col-sm-8">

                <dl class="fieldlist" data-name="row[options_json]">
                    <dd>
                        <ins>选项</ins>
                        <ins>内容</ins>
                    </dd>
                   {foreach  name="options_json" item="vo"}
                   <dd>
                        <ins>{$key}</ins>
                        <ins>{$vo}</ins>
                    </dd>
                    {/foreach}
                </dl>

             
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('Answer')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="c-answer" class="form-control" name="row[answer]" type="text" value="{$row.answer|htmlentities}" readonly="readonly">
            </div>
        </div>
    </div>

    



    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Explain')}:</label>
        <div class="col-xs-12 col-sm-8">
            {$row.explain}
          <!--            <input id="c-explain" class="form-control" name="row[explain]" type="text" value="{$row.explain|htmlentities}">-->
          <!--<textarea id="c-explain" class="form-control editor" name="row[explain]">{$row.explain|htmlentities}</textarea>-->
        </div>
    </div>
  
    
</form>
</div>

